<template>
  <div>
  	<HeaderBuy></HeaderBuy>
  	<div class="account-pay-content">
  	  <div class="account-pay-top">
  	    <div class="account-left">
  	      <h6>请您及时付款，以便订单尽快处理！订单编号：23456782345678</h6>
  	      <p><i>!</i>企业账户提供以下两种支付方式，无法同时与其他方式一起组合支付！</p>
  	    </div>
  	    <div class="account-right">
  	      <p>应付金额<em>9800.00</em>元</p>
  	    </div>
  	  </div>
  	  <div class="account-pay-bottom">
  	    <div class="pay-way-first">
	  	    <h4>方式一：企业网上支付</h4>
	  	    <div>
	  	       <span v-for="(index) in payNum" :key="index">
	  	       	 <i></i>
	  	       </span>
	  	       <p @click="viewMore" v-if="isMore">查看更多 <i></i></p>
	  	       <p @click="viewLess" v-else class="lessView">收起 <i></i></p>
	  	    </div>
  	    </div>
  	    <div class="pay-way-second">
	  	    <h4>方式二：企业汇款（到账周期为***个工作日）</h4>
	  	    <div>
	  	      <em>注意事项：汇款时需要注意以下信息，请牢记！</em>
	  	      <p>户名：北京计算未来科技有限公司</p>
	  	      <p>账户：1234  1234 1234 123</p>
	  	      <p>开户行：中国民生银行***支行</p>
	  	    </div>
  	    </div>
  	  </div>
  	</div>
  </div>
</template>

<script>
import HeaderBuy from '@/components/header2'
export default {
  components: {
    HeaderBuy
  },
  data () {
    return {
      payNum: 12, // 企业网上支付，初始值显示几条内容
      isMore: true // 查看更多
    }
  },
  methods: {
    viewMore () {
      this.payNum = 18
      this.isMore = false
    },
    viewLess () {
      this.payNum = 12
      this.isMore = true
    }
  }
}
</script>

<style scoped>
	@import "../../../../static/buy/accountPay.css";
</style>